<style>
  div{
    border:1px solid red;
    margin:20px;
    padding:20px;
    min-height:100px;
  }
</style>
<!---Included External JS library------->
<script src="jquery-1.10.1.min.js" type="text/javascript"></script>

<!---Internal JS Code------->
<script type="text/javascript">
  $(document).ready(function(){

    $('#submitId').on('click',function(){

      var onehtml = $('.one').html();
      $('.two').html(onehtml);
      $('.one').html('');
    });


  });
</script>

<div class="one">
This is some data in div1.This is some data in div1.This is some data in div1.
This is some data in div1.This is some data in div1.This is some data in div1.This is some data in div1.
This is some data in div1.This is some data in div1.This is some data in div1.This is some data in div1.
</div>

<div class="two"> </div>


<input type="submit" id="submitId" name="submit" value="Copy Data from div 1 to div 2!!" />
